<template>
    <DetailTopBackground :topBack="topBack" :logoImg="logoImg"/>
    <GameDescription/>
    <GamesNews :news="news"/>
    <StayUptoDate/>
    <CarouselVideo :allVideos="allVideos"/>
</template>

<script setup>
import GameDescription from "@/views/Games/components/clashroyale/GameDescription.vue";
import DetailTopBackground from "@/views/Games/components/DetailTopBackground.vue";
import GamesNews from "@/views/Games/components/GamesNews.vue";
import CarouselVideo from "@/views/Games/components/CarouselVideo.vue";
import StayUptoDate from "@/views/Games/components/clashroyale/StayUptoDate.vue";
import {reactive, ref} from "vue";

const topBack = ref("/src/assets/img/games/royale/topBack01.webp")
const logoImg = reactive({
    pic: '/src/assets/img/games/royale/logo.webp',
    width: '18%'
})

const news = reactive([
    {
        id: '001',
        category: 'Clash Royale',
        title: 'April Balance Changes!',
        pic: '/src/assets/img/games/royale/news01.webp',
        router: 'commonNews',
        date: '9 Apr 2025',
        commonTitle: 'April Balance Changes!',
        content: 'NERFS ⬇️TornadoDamage: 84x2 → 84 (-50%)RageDamage: 192 → 148 (-23%)Tornado and Rage are designed to provide strong utility through their unique mechanics, but their high damage makes them just as effective at countering Troops as damaging Spells.These changes aim to shift their strength back toward supporting Card synergies rather than raw damage.GoblinsteinMonster Hitpoints: 2393 → 2304 (-4%)Dagger DuchessDamage: 112 → 107 (-5%)In the early game, Dagger Duchess provides too much defensive value, allowing decks to lean too heavily into offense.We’re slightly reducing her damage to maintain key interactions while promoting more balanced defensive play early on.Goblin GangGoblins First Hit Speed: 0.4 → 0.6 sec (+50%)We’re reducing the First Hit Speed of Goblins to reduce the strength of Goblin Gang.BUFFS ⬆️BerserkerHitpoints: 832 → 896 (+8%)Berserker’s been eating her vegetables and can now hold her ground against other Troops for a bit longer.Suspicious BushDamage: 227 → 256 (+12%)Wall Breakers are the counterpart to Suspicious Bush; they deal similar Crown Tower damage but with greater consistency. To make up for its less reliable nature, we’re significantly increasing Suspicious Bush’s payoff when it successfully reaches a Tower.Tesla EvolutionPulse Damage: 148 → 174 (+17%)We’re buffing Tesla Evolution to make it more competitive alongside Cannon Evolution and Evolved Goblin Cage.REWORKS 🔄Lumberjack EvolutionCycles: 1 → 2Lumberjack’s Ghost Damage: 192 → 256 (+33%)Giving Lumberjack a 1-cycle Evolution shifted his role from strategic push support to being spammed just to trigger the Evolution as often as possible. Instead of balancing around this playstyle, we’re reworking the Card to have a 2-cycle Evolution with a much stronger Ghost.GoblinsFirst Hit Speed: 0.4 → 0.6 sec (+50%)Deploy Time: 1.2 → 1 sec (-17%)We’re reducing the First Hit Speed of Goblins to reduce the strength of Goblin Gang. To compensate, we’re shortening the Deploy Time of the Goblins Card.This change doesn\'t affect Goblins spawned from other Cards like Goblin Barrel, Goblin Curse, Goblin Drill, Evolved Goblin Giant, or Evolved Mortar.See you in the Arena, The Clash Royale Team'
    }, {
        id: '002',
        category: 'Clash Royale',
        title: 'A Tale of Thieves Season!',
        pic: '/src/assets/img/games/royale/news02.webp',
        router: 'commonNews',
        date: '7 Apr 2025',
        commonTitle: 'A Tale of Thieves Season!',
        content: 'New Champion: Boss BanditAbility: Getaway Grenade — briefly becomes invisible and teleports backwards!Boss Bandit dashes to her targets and is invulnerable while dashing. When things get tough, her smoke grenades are at the readyNew Evolution: ExecutionerThat\'s not an axe... This is an axe!Cycles: 1Evolved Executioner\'s axe deals more damage to enemies in close quarters and pushes them back.EventsCrown Chase: Wanted: Mar 31 - April 6Earn Crowns to move forward in the event!1-Star Lucky Drop x22-Star Lucky Drop3-Star Lucky DropEpic Book of CardsBoss Bandit Event: April 10 - 15Collect Crowns to unlock the new Champion, Boss Bandit, and other rewards!1-Star Lucky Drop x22-Star Lucky DropCommon Wild Card x100EmoteBoss Bandit Card x2Crown Chase: April 15 - 201-Star Lucky Drop x42-Star Lucky DropCommon Wild Card x100Rare Wild Card x50Giant Snowball Evolution Shard x3Banner Frame and DecorationCommunity Event - Steal Like A Boss : Starts on April 22ndShow you’re part of the gang by stealing Crowns from the Red King! The more Crowns you earn in Battles, the more rewards the community gets!1-Star Lucky Drop x52-Star Lucky Drop3-Star Lucky DropCommon Wild Card x100Rare Wild Card x50Legendary Wild CardBanner Frame and DecorationTower SkinCrown Chase: May 1 - 41-Star Lucky Drop x52-Star Lucky Drop x2Common Wild Card x100Epic Wild Card x10The Community Event and Crown Chase Events are available to all players starting from Arena 7. The Boss Bandit Event is available from Arena 11.Check your event rewards progress right from the Home screen once the event is live.Game Modes and ChallengesExecutioner Evolution Draft: April 7 - 14Classic Draft but with Card Evolutions! Build a new Deck to use the power of Card Evolutions!⚔️ Challenge: April 11 - 14🏆 Reward: Battle Banner (Frame & Decoration)Boss Bandit Blitz: April 14 - 21Lead Boss Bandit to dominate the Arena!⚔️ Challenge: April 18 - 21🏆 Reward: Battle Banner (Frame & Decoration)Loot & Lashes: April 21 - 28Bandits are everywhere — dashing, looting, and causing chaos!⚔️ Challenge: April 25 - 28🏆 Reward: Battle Banner (Frame & Decoration)7x Elixir: April 28 - May 5Dial up the heat in the 7x Elixir Event, and remember to bring your Card Evolutions along for the ride!⚔️ Challenge: May 2-5🏆 Reward: Battle Banner (Frame & Decoration)See you in the Arena, The Clash Royale Team'
    }
])

const allVideos = reactive([
    {
        id: "001",
        src: "/src/assets/video/royale/video01.mp4",
        poster: "/src/assets/img/games/royale/poster/poster01.webp",
        description: "It's Time To EVOLVE!"
    },
    {
        id: "002",
        src: "/src/assets/video/royale/video02.mp4",
        poster: "/src/assets/img/games/royale/poster/poster02.webp",
        description: "Super Archers!"
    },
    {
        id: "003",
        src: "/src/assets/video/royale/video03.mp4",
        poster: "/src/assets/img/games/royale/poster/poster03.webp",
        description: "Deck the Arena!"
    },
    {
        id: "004",
        src: "/src/assets/video/royale/video04.mp4",
        poster: "/src/assets/img/games/royale/poster/poster04.webp",
        description: "Happy Lunar New Year! 🎊"
    }
]);
</script>

<style scoped>

</style>